<template>
  <div>
    <!-- 因为数据最终要变，所以插入一个变量 -->
    <h1>{{message}}</h1>
    <!-- @click 绑定事件 -->
    <button @click="btn">逆转世界</button>
  </div>
</template>

<script>
export default {
  // 定义数据
  data() {
    return {
      message: "Hello Vue",
    };
  },
  // 定义方法
  methods: {
    btn() {
      // // 字符串先转数组
      // const arr = this.message.split("");
      // // 然后翻转
      // arr.reverse();
      // // 最后转回字符串
      // this.message = arr.join("");
      this.message = this.message.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>